<template>
  <div>
    <a-modal title="选择商品" :visible="visible" width="1400px" :confirm-loading="confirmLoading" @ok="handleOk" @cancel="handleCancel">
      <!-- 内容展示部分 -->

      <a-row>
        <a-col :span="4">
          <a-card>
            树形控件
          </a-card>
        </a-col>
        <a-col :span="20">
          <a-card>
             内容展示
          </a-card>
        </a-col>
      </a-row>
    </a-modal>
  </div>
</template>
<script>

export default {
  data() {
    return {
      ModalText: 'Content of the modal',
      visible: false,
      confirmLoading: false,
    };
  },
  methods: {
    handleOk(e) {
      this.ModalText = 'The modal will be closed after two seconds';
      this.confirmLoading = true;
      setTimeout(() => {
        this.visible = false;
        this.confirmLoading = false;
      }, 2000);
    },
    handleCancel(e) {
      console.log('Clicked cancel button');
      this.visible = false;
    },
  },
};
</script>
